﻿.add-image-container
{
    position: absolute;
    overflow:hidden;
    color:Black !important;
	height:330px;
	width:51%;
	left:50%;
	margin: 0px 0 0 -25.5%;
}

.add-image-popup  
{
	float:right;
    position:relative;
    top:-255px;
    height:255px;  
    width:365px;  
    border:2px solid #cecece;  
    background-color: #D9D9D7;
    padding:12px;  
    font-size:13px;  
    font-family:Calibri;
    font-weight: bold;
    z-index:1;
}  
.grab-add-popup
{
    cursor:pointer;
    float:right;
    position:absolute;
    right:-2px;
    text-align:center;
    height:25px;
    width: 130px;
    padding-top:8px;
    border-top: 2px solid #D9D9D7;
    border-bottom: 2px solid #cecece;
    border-right: 2px solid #cecece;
    border-left: 2px solid #cecece;
    background-color: #D9D9D7;
    border-radius: 0px 0px 5px 5px;
}


.grab-add-popup > div.up:before {
    transform: scale(0.5,0.5) rotate(180deg);
    -webkit-transform:scale(0.5,0.5) rotate(180deg);
}

.grab-add-popup > div:before{
    background-image:url(/Images/Test/arrow_down.png);
    -webkit-transform: scale(0.5,0.5);
    transform: scale(0.5,0.5);
    position: absolute;
    left:95px;
    top:-10px;
    content:"";
    width:32px;
    height:30px;
    padding-top:1px;
    border-radius:20px;
    border:2px solid;
    z-index:-1;
}
.grab-add-popup > div{
    position:relative;
    z-index:1;
    width:110px;
    display:block;
}


.add-image-popup div.loading
{
    text-align:center;
    display:none;
    background: white;
    border: 1px solid #639EC8;
    padding:5px;
    font-family:Verdana;
}
